<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>验证</title>
    <link rel="stylesheet" href="./css/conmon.css">
    <link rel="stylesheet" href="./css/register.css">

</head>
<body>
     <!-- 头部 -->
     <header class=" cf">
        <div class="bg container-full  cf">
            <div class="container one cf">
                <a class="lf lol" href="#">legochina.cn</a>
                <p class="rf">
                    欢迎光临<a href="index.html">乐购</a>,请登录/ <a href="#">注册</a>
                </p>
                <img src="./imgs/logo.jpg" alt="">
            </div>
        </div>

        <!-- 搜索框 -->
        <div class="container ">
            <!-- 购物车 -->
            <div class="car rf">
                <a href="#">购物车 3</a>
                <a href="shopping-cart.html">我的订单</a>
            </div>

            <!-- 搜索框 -->
            <div class="search-box rf ">

                <input type="text" placeholder="创意文具">
                <input type="submit" value="">
            </div>
        </div>

        <!-- 文字导航 -->
        <nav class="navtext container cf">
            <ul class="cf">
                <li>
                    <a href="product-list.html">图书</a>
                </li>
                <li><a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">原创文字</a></li>
                <li>
                    <a href="#">服装</a></li>
                <li>
                    <a href="#">运动户外</a></li>
                <li>
                    <a href="#">儿童装</a></li>
                <li>
                    <a href="#">家居</a></li>
                <li>
                    <a href="#">创意文具</a></li>
                <li>
                    <a href="#">地方特产</a></li>
                <li>
                    <a href="#">海外购</a>
                </li>
                <li>
                    <a href="#">电器城</a>
                </li>
            </ul>
        </nav>
    </header>

    
    <section id="register" class="container  mt30">
        <form id="myform" action="#">
            <p class="rbox">
                <label>用户名</label>
                <input type="text"  name="user" placeholder="您的账户名和登录名">
            </p>
            <p class="rbox">
                <label>设置密码</label>
                <input type="password" name="pwd" placeholder="建议设置两种字符密码">
            </p>
            <p class="rbox">
                <label>确认密码</label>
                <input type="password" name="confirmPwd" placeholder="再次输入密码">
            </p>
            <p class="rbox">
                <label>中国+86 </label>
                <input type="text" name="phone" placeholder="建议使用常用手机号">
            </p>
            <p class="rbox">
                <label>验证码</label>
                <input type="text" placeholder="请输入验证码">
                <img class="vcode" src="./images/vcode.jpg" alt="">
            </p>
            <p class="rbox">
                <label>手机验证码</label>
                <input type="text" placeholder="输入手机验证码">
                <a class="vBtn" href="#">获取验证码</a>
            </p>
            <p>
                <input id="isAgree" type="checkbox">我已阅读并同意<span class="cf60">《京东用户注册协议》</span>
            </p>
            <p>
                <input type="submit" value="立即注册">
            </p>
        </form>
    </section>


    <!-- 尾部 -->
    <footer>
        <div class="container-full footer-div">
           <ul class="container four-picture cf">
               <li class="lf"></li>
               <li class="lf"></li>
               <li class="lf"></li>
               <li class="lf"></li>
           </ul>
        </div>

        <div class="container footer-last cf">
                <ul class="lf">
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                </ul>
                <ul class="lf">
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                </ul>
                <ul class="lf">
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                </ul>
                <ul class="lf">
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                </ul>
                <ul class="lf">
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                    <li>购物指南</li>
                </ul>
                <img src="./imgs/logo_00.png" class="rf">
        </div>
        <div class="last container">
                <p>公司简介 | &emsp;  公司简介 | &emsp; 公司简介 | &emsp; 公司简介 | &emsp; 公司简介 | &emsp; 公司简介 | &emsp; 公司简介 | &emsp; 公司简介 | &emsp;  </p>
                <p>cop 乐购网2004-2016</p>
        </div>
    </footer>
    <script src="./js/jquery.js"></script>
    <script src="./js/register.js"></script>
    <script src="./js/jquery.validate.min.js"></script>
</body>
</html>